<template>
  <div>
    <van-tabbar route active-color="#FF734C" inactive-color="#000">
      <van-tabbar-item to="/home" icon-prefix="icon" icon="shouye">首页</van-tabbar-item>
      <van-tabbar-item to="/cate" icon-prefix="icon" icon="fenlei">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" icon-prefix="icon" icon="03" :badge="$store.state.cart.items.length || ''">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon-prefix="icon" icon="xiaolian">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<style lang="scss" scoped>
  .van-hairline--top-bottom {
    background: #F7F9FA;
    .van-tabbar-item{
        background: #F7F9FA;
    }
    /deep/ .icon{
       font-size: 22px;
    }
  }
</style>
